<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="telephone=no" name="format-detection">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/common/base.min.css">
    <!-- <link rel="stylesheet" href="./css/common/layer.min.css"> -->
    <script src="./js/common/base.min.js"></script>
    <script src="./js/page/layer.min.js"></script>
    <script src="./js/page/jquery.cookie.min.js" charset="utf-8"></script>
    <script src="./js/page/daterangepicker.min.js"></script>
    <script src="./js/page/sign.min.js" charset="utf-8"></script>
    <script src="./js/page/handlebars.min.js"></script>
    <script src="./js/page/qrcode.min.js"></script>
    <script src="./js/page/management.min.js"></script>
    <link rel="stylesheet" href="./css/page/management.min.css?v20180525">
    <title>渠道管理</title>
    <style type="text/css">
        .layout-content {
            min-width: 1024px;
            box-sizing: content-box
        }

        .share_list {
            background: url(images/share_img.png) no-repeat 100%;
            background-size: cover;
            height: 240px;
            background-color: #fff;
            float: left;
            min-width: 32%
        }

        .share_list p:first-child {
            font-size: 24px;
            margin: 60px 0 26px 30px;
            color: #282828
        }

        .share_list p:last-child {
            font-size: 30px;
            margin: 0 0 0 30px;
            color: #282828
        }
    </style>
</head>

<body style="background:#fff">
    <div class="layout-container">
        <div class="dashbord-loading" id="_loading_mask">
            <img src="./img/overview/loading.gif">
        </div>
        <div class="layout-header">
            <div class="logo-bar" style="float:left">
                <a style="display:inline-block;width:100%;height:100%" target="_blank" href="./index.html">
                    <img src="./img/overview/logo.png" alt="" style="margin-top:11px">
                </a>
            </div>
            <div class="pull-right" style="margin:15px 70px 0 0">
                <!-- <div class="app-apidoc fl">
                    <a href="./copywriting.html" target="_blank">接入指南</a>
                </div> -->
                <div class="app-applist fl">
                    <a href="./application.html">应用管理</a>
                </div>
                <ul class="nav nav-pills fl">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <span id="username"></span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- <li><a href="./application.html">应用列表</a></li> -->
                            <!-- <li class="divider"></li> -->
                            <li>
                                <a href="./personal.html">用户信息</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="javascript:;" id='loginOut'>退出登录</a>
                            </li>
                        </ul>
                    </li>
                </ul>

                <div class="fl apppay-state">免费体验中</div>
            </div>
        </div>

        <div class="layout-menu" id="_menu">
            <div class="menu-app">
                <p>
                    <img id="app_icon" style="width:70px;height:70px">
                </p>
                <p id="app_name" style="font-size:18px;padding:15px 0 0;margin:0;color:#fff"></p>
                <p style="margin:5px 0 20px;color:#75777b">
                    <a href="javascript:;" class="common-tip">
                        <span class="tip-content">appKey是shareinstall平台为每个应用分配的唯一标识符，sdk(Android/iOS/javascript)中需指定这个appKey</span>
                    </a>
                    <span style="font-size:14px;font-weight:700;color:#c4c4c4">AppKey：</span>
                    <span id="app_key" style="color:#c4c4c4;font-size:14px"></span>
                </p>
                <p><a href="./editingApplication.html" class="detail_icon"><img src="./img/overview/i.png" alt="" style="vertical-align:middle;margin-right:8px;position: relative;top:-1px">应用信息</a></p>

            </div>
            <div class="menu-items">
                <div class="menu-item item-5">
                    <div class="menu-item-text">
                        <span>应用统计</span>
                    </div>
                    <div class="menu-child">
                        <div class="subItem-1">
                            <a href="./overview.html" class="load-channel-a" id="my-overview">
                                <span class="icon my-overview fl"></span>
                                <p class="fl">数据概览</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="menu-item item-1">
                    <div class="menu-item-text">
                        <span>应用集成</span>
                    </div>
                    <div class="menu-child">
                        <div class="subItem-1">
                            <a href="./android.html" class="load-channel-a" id="my-android">
                                <span class="icon my-android fl"></span>
                                <p class="fl"> Android集成</p>
                            </a>
                        </div>
                        <div class="subItem-2">
                            <a href="./ios.html" class="load-channel-a" id="my-ios">
                                <span class="icon my-ios fl"></span>
                                <p class="fl"> iOS集成</p>
                            </a>
                        </div>
                        <div class="subItem-3">
                            <a href="./web.html" class="load-channel-a" id="my-web">
                                <span class="icon my-web fl"></span>
                                <p class="fl">Web集成</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="menu-item item-2">
                    <div class="menu-item-text">
                        <span>渠道统计</span>
                    </div>
                    <div class="menu-child my-active">
                        <div class="subItem-1 active">
                            <a href="javascript:;" class="load-channel-a" id="my-qudao1">
                                <span class="icon my-qudao1 fl"></span>
                                <p class="fl">渠道管理
                                </p>
                            </a>
                        </div>
                        <div class="subItem-2">
                            <a href="./comparison.html" class="load-channel-a" id="my-qudao2">
                                <span class="icon my-qudao2 fl"></span>
                                <p class="fl" style="color: #5f6b7e">渠道对比</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layout-content">
            <div>
                <div>
                    <h2 class="container-title">渠道管理
                        <a href="javascript:;" class="common-tip" style="top:0;">
                            <span class="tip-content">数据更新周期为1小时</span>
                        </a>
                    </h2>
                </div>
                <div id="channelList" style="overflow:hidden">
                    <div style="overflow:hidden">
                        <a id="addLink" class="pull-left btn_a" href="./editingChannel.html">+新增渠道链接</a>
                    </div>
                    <div class="add-trend" style="float:right;margin:24px 0 0;width:700px;border: none;box-shadow:none;" id="stats_bar">
                        <div class="title clear" style="border: none">
                            <div class="div clear" style="float:right;margin:0 0 0 50px;position: static;">
                                <!-- <div class="overlay-btn" data-name="exclude" data-value="true" style="float:left">排除重复</div> -->
                                <div class="time" style="float:left">
                                    <div class="count_calendar_right date-container" style="margin:0 0 0 20px;line-height:30px;height:32px;float:left">
                                        <span class="glyphicon glyphicon-calendar fa fa-calendar" style="padding-left:10px"></span>&nbsp;
                                        <span class="date-value" id="qidlistDate"></span>
                                        <span class="caret" style="margin-right:10px"></span>
                                    </div>
                                </div>
                            </div>

                            <ul class="data_profile" style="float:right;">
                                <li class="all active" data-name="platform" data-value="all">all</li>
                                <li class="android" data-name="platform" data-value="android">android</li>
                                <li class="iOS" data-name="platform" data-value="ios">ios</li>
                            </ul>
                        </div>
                    </div>
                    <div style="margin-top:34px">
                        <!-- <a id="stats_export" class="count_calendar btn_a" style="border:1px solid #00c864;border-radius:4px;color:#00c864;padding-left:40px;background-color:#fff"
                            href="javascript:;">导出</a> -->
                        <div style="float:left" class="common-form">
                            <div id="search_form">
                                <input type="text" placeholder="输入渠道名称搜索" name="search" style="background:#ffffff">
                                <span id="search_button" class="glyphicon glyphicon-search" style="left:-30px;cursor:pointer"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="channelContainer">
                    <script type="text/x-handlebars-template" id="channelTmp">
                        <table id="channel_link_table" class="table-responsive table-hover channel_link_table">
                            <thead>
                                <tr class="channel-th">
                                    <th width="80px">
                                        <span class="">编号</span>
                                    </th>
                                    <th width="120px">
                                        <span class="">名称</span>
                                    </th>
                                    <th width="200px">
                                        <a href="javascript:;" class="common-tip">
                                            <span class="tip-content">直接在落地页url后添加channelCode参数，参数值即渠道编号</span>
                                        </a>
                                        <span>渠道链接</span>
                                    </th>
                                    <!--class="channel-table-link"-->
                                    <th width="100px" data-field="visit_cnt">
                                        <a href="javascript:;" class="common-tip">
                                            <span class="tip-content">目前只提供按总量排序的功能，忽略过滤条件</span>
                                        </a>
                                        <span class="sort-none">访问量</span>
                                    </th>
                                    <th width="100px" data-field="install_cnt">
                                        <a href="javascript:;" class="common-tip">
                                            <span class="tip-content">目前只提供按总量排序的功能，忽略过滤条件</span>
                                        </a>
                                        <span class="sort-none">安装量</span>
                                    </th>
                                    <th width="100px" data-field="register_cnt">
                                        <a href="javascript:;" class="common-tip">
                                            <span class="tip-content">目前只提供按总量排序的功能，忽略过滤条件</span>
                                        </a>
                                        <span class="sort-none">注册量</span>
                                    </th>
                                    <th width="120px" data-field="createTime">
                                        <span class="sort-desc">创建时间</span>
                                    </th>
                                    <th width="200px">
                                        <span>操作</span>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                {{#with data}} {{#each this}}
                                <tr>
                                    <!--<td>{{channelType}}</td>-->
                                    <td style="color:#282828">{{channel_code}}</td>
                                    <td style="color:#282828">{{channel_name}}</td>
                                    <td style="text-align:left;">
                                        <div>
                                            <a class="img-link-look channel-link-operate" href="javascript:;" style="vertical-align:top"
                                       ><span>查看</span>
                                    </a>
                                            <a style="color: #656565;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;"
                                                target="_blank" href="{{page}}">{{page}}</a>

                                        </div>
                                    </td>
                                    <td>
                                        <span class="times_bac"> {{visit_cnt}}</span>
                                    </td>
                                    <td>
                                        <span class="times_bac2">{{install_cnt}}</span>
                                    </td>
                                    <td>
                                        <span class="times_bac3">{{register_cnt}}</span>
                                    </td>
                                    <td>{{createTime}}</td>
                                    <td>
                                        <a class="img-link-report channel-link-operate" href="channel-report.html?channelId={{id}}&channelCode={{channel_code}}">
                                            <span>报表</span>
                                        </a>
                                        <a class="img-link-luck channel-link-operate" href="editingChannel.html?channelId={{id}}">
                                            <span>编辑</span>
                                        </a>
                                        <a class="img-link-lock channel-link-operate" href="javascript:;" data-id="{{id}}">
                                            <span>删除</span>
                                        </a>
                                        <!-- <a class="img-link-share channel-link-operate" href="javascript:;" onclick="shareChannel('{{id}}')">
                                            <span>分享</span>
                                        </a> -->
                                        <!-- <a class="img-link-download channel-link-operate" onclick="showApkExport('{{id}}')" href="javascript:;">
                                            <span>导出</span>
                                        </a> -->
                                    </td>
                                </tr>
                                {{/each}} {{/with}}
                                <!--  当数据不够一页时显示  -->
                                {{#if data}} {{#unless pageNext}}
                                <tr>
                                    <td class="channel-table-bt" colspan="8">暂无更多</td>
                                </tr>
                                {{/unless}} {{/if}} 
                                {{#unless data}}
                                {{#unless search}}
                                <tr>
                                    <td class="channel-table-bt" colspan="8" style="padding: 90px;line-height:30px">
                                        <p style="color:#898989;font-size:16px">暂无渠道链接，请先创建渠道链接！</p>
                                        <br/>
                                        <a href="editingChannel.html" class="btn_a" style="padding:8px 20px;display:inline;border-radius:0;background:#4890FF">立即创建</a>
                                    </td>
                                </tr>
                                {{/unless}} {{/unless}}
                            </tbody>
                        </table>
                        <!--{{#if total}}-->
                        <!--<div style="text-align:center;margin-top:15px;">-->
                        <!--{{#if hasPrev}}<a onclick="prevPage(request)" style="cursor:pointer;color:#00a4ff">上一页</a>{{/if}}-->
                        <!--<span style="margin:0 10px"> {{#eval}}pageNum+1{{/eval}}/{{pages}}</span>-->
                        <!--{{#if hasNext}}<a onclick="nextPage(request)" style="cursor:pointer;color:#00a4ff;margin-right:10px">下一页</a>{{/if}}-->
                        <!--<span class="release-container-sp">共{{total}}条</span>-->
                        <!--</div>-->
                        <!--{{/if}}-->
                        <div class="pull-right" style="margin: 30px 0 0 0;">
                            <span style="color:#898989;float: left;margin: 27px 20px;">第 {{pageCur}} 页，每页显示10条</span>
                            {{#pager}}{{/pager}}
                        </div>
                    </script>
                </div>
            </div>
        </div>
    </div>

    <div style="background:#fff;width:420px;height:auto;display:none;text-align:center" id="paymentInfo">
        <img src="./img/console/shareinstall.png" alt="" style="padding: 28px 0 10px">
        <p class="pop-appname">Shareinstall</p>
        <div class="pop-status">服务已过期</div>

        <a href="./payment.html" class="btn-poppay">去开通服务</a>
    </div>

    <div id="J_functionBar" class="functionBar">
        <div class="bar-qq">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2881355608&amp;site=qq&amp;menu=yes" class="icon icon1" title="点击这里给我发消息">
    
            </a>
            联系
        </div>
        <!--<div class="bar-code">-->
        <!--<span class="icon icon2">-->
    
        <!--</span>-->
        <!--关注-->
        <!--</div>-->
        <div class="bar-back" id="J_barBack">
            返&nbsp;回<br>
            顶&nbsp;部
        </div>
    </div>
</body>

</html>